<template>
        <div class="category">
            <h2>{{ title }}</h2>
            <!-- 默认插槽 -->
            <slot>默认内容</slot>
        </div>
</template>
    
<script setup lang='ts'>
    defineProps(['title'])
</script>
    
<style scoped>
    .category{
        background-color: skyblue;
        box-shadow: 0 0 10px;
        border-radius: 10px;
        padding: 10px;
        width: 200px;
        height: 300px;
        h2{
            background-color: orange;
            text-align: center;
            font-size: 20px;
            font-weight: 800;
        }
        
    }
</style>